<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="gb2312">
<title>我的博客</title>
<meta name="keywords" content="我的博客" />
<meta name="description" content="我的博客" />
<link href="css/welcome.css" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
 <nav id="nav">
   <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">相册</a></li>
    <li><a href="#">博客</a></li>
    <li><a href="#">留言板</a></li>
    <li><a href="#">时间轴</a></li>
    <li><a href="#">权限管理</a></li>
    <li><a href="#">我的访客</a></li>
    <li><a href="#">我的粉丝</a></li>       
    <li><a href="#">联系我们</a></li>
   </ul>
 </nav>
 </header>
 <div class="mainContent">
    <aside>
      <div class="avatar">
        <a href="#"><span>青轻飞扬</span></a>
      </div>
      <section class="topspaceinfo">
        <h1>执子之手，与子偕老</h1>
        <p>于千万人之中，我遇见了我所遇见的人....</p>
      </section>
      <div class="userinfo"> 
        <p class="q-fans"> 粉丝：<a href="#">167</a></p> 
        <p class="btns"><a href="#" >私信</a><a href="#">相册</a><a href="#">存档</a></p>   
      </div>
      <section class="newpic">
         <h2>最新照片</h2>
         <ul>
           <li><a href="#"><img src="images/bg02.jpg"></a></li>
           <!-- <li><a href="#"><img src="images/02.jpg"></a></li>
           <li><a href="#"><img src="images/03.jpg"></a></li>
           <li><a href="#"><img src="images/04.jpg"></a></li>
           <li><a href="#"><img src="images/05.jpg"></a></li>
           <li><a href="#"><img src="images/06.jpg"></a></li>
           <li><a href="#"><img src="images/07.jpg"></a></li>
           <li><a href="#"><img src="images/08.jpg"></a></li> -->
         </ul>
      </section>
      <section class="taglist">
         <h2>全部标签</h2>
         <ul>
           <li><a href="#">青空</a></li>
           <li><a href="#">情感聊吧</a></li>
           <li><a href="#">study</a></li>
           <li><a href="#">青青唠叨</a></li>
        </ul>
      </section>
    </aside>
    <div class="blogitem">
       <article>
        <h2 class="title"><a href="#">我的足迹</a></h2>
        <ul class="map" id="map">
        	
        </ul>
        <div style="box-shadow: #999 2px 2px 3px;border-top: 1px solid #dddcdb;">
        </div>
      </article>
      <article>
        <h2 class="title"><a href="#">我的博客</a></h2>
        <ul class="live oul">
		  <li>I have never seen anything like this</li>
		  <li>This is most certainly cool, and it can also work on long texts inside the list-item elements, which spans over multiple lines</li>
		  <li>Un-ordered lists are fun to play with</li>
		  <li>Firefox sure does animate this effect nicely</li>
		  <li>This is so simple</li>
		</ul>
        <div style="box-shadow: #999 2px 2px 3px;border-top: 1px solid #dddcdb;">
      </article> 
      <div class="pages"><span>1</span><a href="#" hidefocus="">2</a><a href="#" hidefocus="">3</a><a href="#" class="next">下一页&gt;&gt;</a></div>
    </div>
 </div>
<footer>
   <div class="footavatar">
     <img src="images/head/photo.jpg" class="footphoto">
     <ul class="footinfo">
       <p class="fname"><a href="/dancesmile" >青轻飞扬</a>  </p>
       <p class="finfo">性别：女 年龄：25岁</p>
       <p>现居：四川成都</p></ul>
   </div>
   <section class="visitor">
     <h2>最近访客</h2>
      <ul>
        <li><a href="#"><img src="images/bg01.jpg"></a></li>
        <!--<li><a href="#"><img src="images/s1.jpg"></a></li>
        <li><a href="#"><img src="images/s2.jpg"></a></li>
        <li><a href="#"><img src="images/s3.jpg"></a></li>
        <li><a href="#"><img src="images/s5.jpg"></a></li>
        <li><a href="#"><img src="images/s6.jpg"></a></li>
        <li><a href="#"><img src="images/s7.jpg"></a></li>
        <li><a href="#"><img src="images/s8.jpg"></a></li> -->
      </ul>
   </section>
   <div class="Copyright">
     <ul>
       <a href="#">帮助中心</a><a href="#">空间客服</a><a href="#">投诉中心</a><a href="#">空间协议</a>
     </ul>
     <p>Design by DanceSmile</p>
   </div>
 </footer>
 <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 <script type="text/javascript" src="js/utils/jsutils.js"></script>
 <script type="text/javascript">
	 var obj=null;
	 var As=document.getElementById('nav').getElementsByTagName('a');
	 obj = As[0];
	 for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0)
	 obj=As[i];}
	 obj.id='nav_current'
 </script>
 <script type="text/javascript" src="echarts3/echarts.min.js"></script>
 <script type="text/javascript" src="js/welcome/welcome.js"></script>
</body>
</html>